<template>
  <div class="block">
    <q-row class="block__row">
      <q-col class="block__col" cols="2">
        <div class="block__content">2</div>
      </q-col>

      <q-col class="block__col" cols="4">
        <div class="block__content">Lorem ipsum dolor</div>
      </q-col>

      <q-col class="block__col" cols="2">
        <div class="block__content">2</div>
      </q-col>

      <q-col class="block__col" cols="5">
        <div class="block__content">5</div>
      </q-col>

      <q-col class="block__col" cols="7">
        <div class="block__content">7</div>
      </q-col>
    </q-row>
  </div>
</template>

<script>
import {QCol, QRow} from "@qvant/qui-max";

export default {
  name: "DemoLayout",
  components: {QRow, QCol}
}
</script>

<style scoped>

</style>